﻿*{
 margin:0;
 padding:0;
}

body{
    background-color: #487396;
    font-family: "Trebuchet MS", "Tahoma", "Arial";
    font-size: 12px;
    margin: 20px 40px;
}

a{
    color:blue;
    outline: 0;
}

ul{
    list-style: none;
}

div.left{
    float: left;
}
div.right{
    float: right;
}

#wrapper{
 width:860px;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
 margin-bottom: 10px;

 padding: 10px;
 border: 1px #000 solid;
 background-color: #fff;
 min-height: 400px;
 #height: 400px; /* ie hack */ 
}

#wrapper h3{
    text-decoration: underline; 
}

#header{
    color: #fff;
    margin-bottom: 20px;        
}

div#details{
    overflow-y: auto;
    width: 300px;    
    height: 350px;
    background-color: #EFF4FA;
    border: 1px solid #DBE1E5;
    padding: 2px 10px 10px 10px;
    margin: 4px 0 10px 0;
    color: #036;
    font-size: 90%;
    font-style: italic;
    text-decoration: none;
    position: relative;
}

div.progress{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;    
    height: 100%;
    background: #EFF4FA url('/images/ajax-indicator.gif') no-repeat scroll 120px 50%;
    display:none;
}

div.progress.enabled{
    display: block;
}

ul#setting_tabs{
  list-style-type: none;
  background:#FFFFFF url(/images/tabs-back.gif) repeat-x scroll 0%;  
  float:left;
  height:40px;
  margin:0px;
  padding-left:0px;
  text-align:left;
  width:100%;
}
ul#setting_tabs LI{
  cursor:pointer;
  float:left;
  font-size:13px;
  height:25px;
  margin-bottom:2px;
  margin-left:8px;
  margin-top:0px;
  padding: 4px 10px 0px;
}

ul#setting_tabs LI A{
    color: #fff;
    display: block;
    text-decoration: none;
    margin-top: 4px;
    padding:4px 4px 0px;      
}

ul#setting_tabs LI A.active{
  background:#4F84D4 url(/images/tabs-back-on.gif) no-repeat scroll left top;  
  height:29px;
  padding:4px 10px 0px;
  margin-top: 0px;
}

div.info{
  background-color: #FFFBB1;
  font-size: 95%;
  line-height: 11px;
  width: 300px; 
  min-height: 30px;
  padding: 10px;
  text-align: left;
  margin: 5px 5px;
}

/* tags */
div#tag_list {
    overflow-y: auto;
    width: 500px;    
    height: 350px;
    background-color: #EFF4FA;
    border: 1px solid #DBE1E5;
    padding: 2px 10px 10px 10px;
    margin: 4px 0 10px 0;
    color: #036;
    font-size: 90%;
    font-style: italic;
    text-decoration: none;
    position: relative;

}
.nube1 {font-size: 1.0em;}
.nube2 {font-size: 1.4em;}
.nube3 {font-size: 1.6em;}
.nube4 {font-size: 1.8em;}
.nube5 {font-size: 2.0em;}
.nube6 {font-size: 2.2em;}







